<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue的常用指令</title>
</head>
<body>

    <script src="/js/vue.js"></script>
    <div id="app">
        <!-- 1.胡子语法 插值语法 mustache语法 -->
        <p>{{msg}}</p>
        <!-- 2. v-once 只渲染一次 -->
        <p v-once>{{msg}}</p>

    </div>

    
    <script>

      let app = new Vue({
        el:"#app",
        data:{ 
          msg:'hello world'
        }
      })


    // el ??? 声明根 祖宗
    // data Vue 实例的数据对象

    console.log(app.msg); // 全局变量
    console.log(app.$data.msg) // $data 或者类似的这样的变量 一般是vue内置的属性
    app.$url = 'www.xxx.sss'
    

    </script> 
</body>
</html>